<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<div style="width: 500px; height: 500px; border: 1px solid blue;">
		<table>
			<tr>
			<td colspan="2" style="width: 500px; height:15px;" align="center">스케줄</td>		
			</tr>
			<tr>
			<td style="width: 60%; height: 473px;">
			<div id="1" class="place"
							style="overflow-x: hidden; overflow-y: auto; height: 85px; width: 100%; text-align: left;">
							<ol>워밍업
								<c:forEach var="exerciseSchedule" items="${exScheduleW }">
								<li class="placeholder" style="list-style: none; width: 100%; height: 100%;" onclick="">${exerciseSchedule.exerciseName }</li>
							</c:forEach>
							</ol>
						</div>
						<div id="2" class="place" style="overflow-x: hidden; overflow-y: auto; height: 85px">
							<ol>상체운동
								<c:forEach var="exerciseSchedule" items="${exScheduleU }">
								<li class="placeholder" style="list-style: none; width: 100%; height: 100%;" onclick="">${exerciseSchedule.exerciseName }</li>
							</c:forEach>
							</ol>
						</div>
						<div id="2" class="place" style="overflow-x: hidden; overflow-y: auto; height: 85px">
							<ol>복근운동
								<c:forEach var="exerciseSchedule" items="${exScheduleM }">
								<li class="placeholder" style="list-style: none; width: 100%; height: 100%;" onclick="">${exerciseSchedule.exerciseName }</li>
							</c:forEach>
							</ol>
						</div>
						<div id="3" class="place" style="overflow-x: hidden; overflow-y: auto; height: 85px">
							<ol>하체운동
								<c:forEach var="exerciseSchedule" items="${exScheduleL }">
								<li class="placeholder" style="list-style: none; width: 100%; height: 100%;" onclick="">${exerciseSchedule.exerciseName }</li>
							</c:forEach>
							</ol>
						</div>
						<div id="4" class="place"
							style="overflow-x: hidden; overflow-y: auto; height: 85px">
							<ol>유산소운동
								<c:forEach var="exerciseSchedule" items="${exScheduleA }">
								<li class="placeholder" style="list-style: none; width: 100%; height: 100%;" onclick="">${exerciseSchedule.exerciseName }</li>
							</c:forEach>
							</ol>
						</div>
			</td>
			<td style="width: 40%; height: 473px;">
			<p style="height: 10px;">아침식사:${foodScheduleB.foodName }</p>
			<p style="height: 110px;">칼로리양:${foodScheduleB.foodCalorie }</p>
			<p style="height: 10px;">점심식사:${foodScheduleL.foodName }</p>
			<p style="height: 110px;">칼로리양:${foodScheduleL.foodCalorie }</p>
			<p style="height: 10px;">저녁식사:${foodScheduleD.foodName }</p>
			<p style="height: 110px;">칼로리양:${foodScheduleD.foodCalorie }</p>
			
			</td>
			</tr>
		</table>
	</div>
</body>
</html>